<div id="banner">
    {{banner.content || '联系人' }}
</div>
<div id="contact-widget">
    <div class="contact" ng-repeat="contact in hyContact" ng-click="chat(contact.id)">
        <div class="contact-icon">
            <img ng-src="{{'assets/'+hyContact[contact.id].iconPath}}">
            <span class="grey-cross" ng-hide="contact['group']||contact.online"></span>
        </div>
        <span>{{contact.nickName}}</span>
    </div>
</div>

<nav class="navbar navbar-default navbar-fixed-bottom" id="navFooter" role="navigation">
    <div class="container-fluid">
        <ul class="nav">
            <li class="nav-item">
                <a href="#/">
                            <span class="icon-message" ng-class="{'active':(menu == 'chat')}">
                                      消息
                                <span class="red-point" un-checked-message ></span>
                            </span>
                </a>
            </li>
            <li class="nav-item">
                <a href="#/contact">
                            <span class="icon-people" ng-class="{'active':(menu == 'contact')}">
                                             联系人
                            </span>
                </a>
            </li>
            <li class="nav-item">
                <a href="#/config">
                            <span class="icon-me" ng-class="{'active':(menu == 'config')}">
                                           我
                            </span>
                </a>
            </li>
        </ul>
    </div>
</nav>
